<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>财务 -- 产品提成发放</title>
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table-1.18.3.min.css">
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css">
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <style>
        /*#productRoyTable {table-layout:fixed;}*/
        #customInput{
            display: none;
        }
        .processcontainer{
            width:300px;
            border:1px solid #4460f1;
            height:10px;
            border-radius: 10px;
            position: absolute;
            bottom: 10px;
            /*right: 10px;*/
        }
        #processbar{
            background:#4460f1;
            float:left;
            height:100%;
            text-align:center;
            line-height:150%;
        }
    </style>
</head>
<body>
<div class="container-fluid p-t-15">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h1>产品提成发放</h1>
                </div>
                <div class="card-body ">
                    <div class="row content-action">
                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
                            <!-- 全部 本周 本月 本年 -->
                            <div class="time-search pull-left">
                                <input type="hidden" id="dateType" name="dateType"/>
                                <div class="all active-second" onclick="selectTime('all')">全部</div>
                                <div class="week"  onclick="selectTime('week')">本周</div>
                                <div class="month" onclick="selectTime('month')">本月</div>
                                <div class="topDay" onclick="selectTime('topDay')">昨天</div>
                                <div class="day" onclick="selectTime('day')">今天</div>
                                <div class="year" onclick="selectTime('year')">本年</div>
                                <div class="customize" onclick="selectTime('customize')">自定义</div>
                            </div>
<!--                            col-lg-6 col-md-6 col-sm-6 -->
                            <div class="custom-input pull-left" id="customInput" style="width: 310px;padding-left: 10px">
                                <div class="input-group">
                                    <input type="text" class="form-control datepicker" placeholder="开始时间" id="startTm">
                                    <span class="input-group-addon">至</span>
                                    <input type="text" class="form-control datepicker" placeholder="结束时间" id="endTm">
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-default" id="customDateBtn">确定</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="height: 50px;">

                            <div class="pull-right">

                                <!--                                onclick="billingCompanyAdd()"-->
<!--                                <button type="button" class="btn btn-success" id="importProductId"  onclick="importProductFun()">导入-->
<!--                                </button>-->
                                <div class="btn-group pull-left">
                                    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" onclick="importProductFun()" aria-haspopup="true" aria-expanded="false">
                                        导入
<!--                                        <span class="caret"></span>-->
                                    </button>
<!--                                    <ul class="dropdown-menu">-->
<!--                                        <li><a href="#!" onclick="importProductFun()">直接导入</a></li>-->
<!--                                        <li><a href="#!" >下载模板</a></li>-->
<!--                                    </ul>-->
                                </div>
                                <button type="button" class="btn btn-success "  id="exportProductId" onclick="exportProductFun()">导出
                                </button>
                            </div>
                        </div>

                    </div>

                    <table id="productRoyTable" ></table>
                </div>


            </div>
        </div>

    </div>
</div>

<input type="hidden" id="finishOrderProductId">
<div class="modal fade" tabindex="-1" role="dialog" id="MoneyModels">
    <div class="modal-dialog" role="document" style="width: 60%;">
        <div class="modal-content">
            <div class="modal-header">
                <h4>修改</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal Money-company" autocomplete="off">
                    <div class="form-group">
                        <label class="col-sm-3 control-label label-required">提成金额</label>
                        <div class="col-sm-7">
                            <input id="royaltyMoney" type="text" class="form-control" maxlength="30" name="royaltyMoney" placeholder="请输入">
                        </div>
                    </div>



                    <div style="margin-left: 20%;text-align: center;" class="form-group">
                        <button class="btn btn-primary form-group edit-submit" type="button" name="submit" style="margin-right: 30px;"
                                onclick="editMoneyCompany()"
                        >提交
                        </button>
                        <button class="btn btn-default" type="button" data-dismiss="modal" >取消</button>
                    </div>


                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="importFollowModal" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body" style="padding-bottom: 30px;">
                <input type="file" id="importFollowFile" name="importFollowFile">
<!--                <div class="processcontainer">-->
<!--                    <div id="processbar" style="width:0%;"></div>-->
<!--                </div>-->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-detail" onclick="importFollow()">导入
                </button>
                <button type="button" class="btn btn-default" data-dismiss="modal"
                        onclick="cancelImportFollow()">取消
                </button>
            </div>
        </div>
    </div>
</div>


</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--<script src="/js/crm/common/city.js"></script>-->
<script src="/js/crm/common/common.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns-1.18.3.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>

<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>


<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>

<!-- 子页面公用js -->
<script src="/js/crm/finance/productRoyalty.js"></script>
<script>
    // function setProcess(){
    //     var processbar = document.getElementById("processbar");
    //     processbar.style.width = parseInt(processbar.style.width) + 1 + "%";
    //     processbar.innerHTML = processbar.style.width;
    //     if(processbar.style.width == "100%"){
    //         window.clearInterval(bartimer);
    //     }
    // }
    // var bartimer = window.setInterval(function(){setProcess();},100);
    // window.onload = function(){
    //     bartimer;
    // }
</script>
</html>